<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
		<link href="__INDEX__/css/Phoebe.css" rel="stylesheet" />
		<link href="__INDEX__/css/all.css" rel="stylesheet" />
		<link href="__INDEX__/css/sub-inquire.css" rel="stylesheet" />
		<title>消费记录</title>
		<style>
			.sub-inquire {
				padding: 0;
				background: transparent;
			}
			
			ul.sub-inquire>li {
				padding: 0 3.5%;
				background: #fff;
			}
			
			ul.sub-inquire>li>a {
				color: #848484;
			}
			
			ul.sub-inquire>li:not(:first-child),
			ul.sub-inquire>li:not(:last-child) {
				border-bottom: 1px solid #dbdbdb;
			}
			
			ul>li:not(:first-child)>a li:last-child {
				color: #007AFF;
				font-size: 14px;
			}
			
			ul.sub-inquire>li:first-child {
				border-bottom: 0;
				margin-bottom: 10px;
			}
			
			ul>li>a>ul>li:nth-child(2) {
				width: 50%;
			}
			
			ul>li>a>ul>li:not(:nth-child(2)) {
				width: 50%;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a href="javascript:history.back(-1)" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">消费记录</h1>
		</header>
		<!--消费记录-->
		<ul class="sub-inquire">
			<li>
				<a href="javascript:void(0)">
					<ul>
						<li>时间</li>
						<li>金额</li>
					</ul>
				</a>
			</li>
		</ul>
	</body>

</html>